<?php

session_start();

if ((!isset($_SESSION['usua_se'])) || ($_SESSION['rol_se']!= '1'))
{
	header('Location: ../../vistas/');
} else {
	
require '../../includes/funcionesProductos.php';

$serviciosProductos = new ServiciosProductos();


$res = $serviciosProductos->TraerCategorias();




?>

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta http-equiv='refresh' content='1000' />

<meta name='title' content='Ver' />

<meta name='description' content='Sistema Administrador de Entradas' />

<meta name='keywords' content='Sistema Administrador de Entradas' />

<meta name='distribution' content='Global' />

<meta name='language' content='es' />

<meta name='identifier-url' content='http://www.Entradas.com.ar' />

<meta name='rating' content='General' />

<meta name='reply-to' content='' />

<meta name='author' content='Webmasters' />

<meta http-equiv='Pragma' content='no-cache/cache' />



<meta http-equiv='Cache-Control' content='no-cache' />

<meta name='robots' content='all' />

<meta name='revisit-after' content='7 day' />

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">



<title>Administrador de Entradas</title>



		<link rel="stylesheet" type="text/css" href="../../css/estilo.css"/>

<script type="text/javascript" src="../../js/jquery-1.8.3.min.js"></script>

         <link rel="stylesheet" href="../../css/jquery-ui.css">

    <script src="../../js/jquery-1.10.2.js"></script>
        <script src="../../js/ui/jquery.ui.core.js"></script>
        <script src="../../js/ui/jquery.ui.widget.js"></script>
        <script src="../../js/ui/jquery.ui.mouse.js"></script>
        <script src="../../js/ui/jquery.ui.button.js"></script>
        <script src="../../js/ui/jquery.ui.draggable.js"></script>
        <script src="../../js/ui/jquery.ui.position.js"></script>
        <script src="../../js/ui/jquery.ui.dialog.js"></script>

        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">

        <!-- Optional theme -->
        <link rel="stylesheet" href="../../bootstrap/css/bootstrap-theme.min.css">

        

        <!-- Latest compiled and minified JavaScript -->
        <script src="../../bootstrap/js/bootstrap.min.js"></script>
        
        
        
        <style>
			.buscador {
				width:620px; 
				margin-top: 30px; 
				margin-bottom:5px; 
				padding:15px;
				padding-top:2px;
				background-color:#C00; 
				border:1px solid #840000;	
				-webkit-border-radius: 12px;  /* Safari  */
  				-moz-border-radius: 12px;     /* Firefox */
				border-radius: 12px;
			}
		
			#buscar {
				background:url(../../imagenes/buscarIco.png) no-repeat;
				width: 35px;
				height:35px;
				border:none;
				text-decoration:none;
			}
			
			.cf:before, .cf:after{
				content:"";
				display:table;
			}
			 
			.cf:after{
				clear:both;
			}
			 
			.cf{
				zoom:1;
			}    
			
			.form-wrapper2 {
				width: 550px;
				/*350px*/
				padding: 15px;
				margin: 20px auto 10px auto;

				background: #444;
				background: rgba(0,0,0,.2);
				border-radius: 10px;
				box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
			}
			 
			/* Form text input */
			 
			 
			.form-wrapper2 #texto {
				width: 210px;
				/*230px*/
				height: 40px;
				padding: 10px 5px;
				float: left;   
				font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
				border: 0;
				background: #eee;
				border-radius: 3px 0 0 3px;     
			}
			 
			.form-wrapper2 #texto:focus {
				outline: 0;
				background: #fff;
				box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
			}
			 
			.form-wrapper2 #texto::-webkit-input-placeholder {
			   color: #999;
			   font-weight: normal;
			   font-style: italic;
			}
			 
			.form-wrapper2 #texto:-moz-placeholder {
				color: #999;
				font-weight: normal;
				font-style: italic;
			}
			 
			.form-wrapper2 #texto:-ms-input-placeholder {
				color: #999;
				font-weight: normal;
				font-style: italic;
			}  
			 
			 
			  
			 
			/* Form submit button */
			.form-wrapper2 button {
				overflow: visible;
				position: relative;
				float: right;
				border: 0;
				padding: 0;
				cursor: pointer;
				height: 40px;
				width: 110px;
				/*110px*/
				font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
				color: #fff;
				text-transform: uppercase;
				background: #d83c3c;
				border-radius: 0 3px 3px 0;     
				text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
			}  
			   
			.form-wrapper2 button:hover{    
				background: #e54040;
			}  
			   
			.form-wrapper2 button:active,
			.form-wrapper2 button:focus{  
				background: #c42f2f;
				outline: 0;  
			}
			 
			.form-wrapper2 button:before { /* left arrow */
				content: '';
				position: absolute;
				border-width: 8px 8px 8px 0;
				border-style: solid solid solid none;
				border-color: transparent #d83c3c transparent;
				top: 12px;
				left: -6px;
			}
			 
			.form-wrapper2 button:hover:before{
				border-right-color: #e54040;
			}
			 
			.form-wrapper2 button:focus:before,
			.form-wrapper2 button:active:before{
					border-right-color: #c42f2f;
			}     
			 
			.form-wrapper2 button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
				border: 0;
				padding: 0;
			}    
			
			.tablaPer tr {
				background-color: #d99795;
				color:#000;
				font-size:18px;
				font-family:Verdana, Geneva, sans-serif;
			}
			.tablaPer tr td {
				padding:10px;
				text-align:center;
				border-color: #000;
			}
			
			.colorTd {
				color:#000;
				font-weight:bold;
				background-color:#f5e0df;
			}
		</style>
        
        
        
</head>



<body>

<div align="center">

	  	
        
		
        <div class="table-responsive">
        <br>
        <div align="left" style="margin-left:20%;">
        	<div class="row">
                <ul class="nav nav-tabs">
                  <?php if ($_SESSION['rol_se'] == 1) { ?><li role="presentation" class="active"><a href="index.php">Productos</a></li><?php } ?>
                  <li role="presentation"><a href="../dashboard/">Pedidos</a></li>
                  <?php if ($_SESSION['rol_se'] == 1) { ?><li role="presentation"><a href="../costos/">Pedidos Costos</a></li><?php } ?>
          		  <li role="presentation"><a href="pedidoseliminados.php">Pedidos Eliminados</a></li>
                  <?php if ($_SESSION['rol_se'] == 1) { ?><li role="presentation"><a href="../usuarios/">Usuarios</a></li><?php } ?>
                  <li role="salir"><a href="../logout.php">Salir</a></li>
                </ul>
            </div> 
            <br>
        	<button type="button" class="btn btn-primary" style="margin-left:0px;" data-target="#dialogCrear" data-toggle="modal">Crear Producto</button>
        </div>
        <div class="panel table-responsive panel-primary" style="width:60%; margin-top:20px;" align="left">
		<div class="panel-heading">
			<h3 class="panel-title">Listados de Productos</h3>
		</div>
			<div class="panel-body">
            	<div class="row">
				<table class="table table-striped">
						<thead>
							<th>Producto</th>
                            <th>Precio</th>
							<th style="text-align:center;">Modificar</th>
							<th style="text-align:center;">Eliminar</th>
						</thead>
					
						<tbody>
        					<?
								if (mysql_num_rows($res)>0) {
								while ($row = mysql_fetch_array($res)) {
							?>
                            	<tr height="35">
                                	<td><? echo $row[1]; ?></td>
                                    <td><span class="glyphicon glyphicon-euro"></span> <? echo $row[2]; ?></td>
                                	<td width="100" align="center"><img src="../../imagenes/editarIco.png" style="cursor:pointer;" id="<? echo $row[0]; ?>" class="varModificar" data-target="#dialogModificar" data-toggle="modal"></td>
                                    <td width="100" align="center"><img src="../../imagenes/eliminarIco.png" style="cursor:pointer;" id="<? echo $row[0]; ?>" class="varborrar" data-target="#dialog2" data-toggle="modal"></td>
                                    
                                </tr>
                            	
                            <?
									}
								} else {
							?>
                            <h3>No hay Producto cargadas</h3>
                            <? } ?>
        				</tbody>
                </table>
                </div>
               </div>
           </div>
				
           </div>
    	</div>



<div id="dialogCrear" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
    	<div class="modal-content">	
        	<div class="modal-header">
            	<button class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4>Ingresar el Producto</h4>
            </div>
            
            <div class="modal-body">
            <form class="form-horizontal" role="form">
                	
                    <div class="form-group">
                    	<label for="nombre" class="col-lg-3 control-label" style="text-align:left;">Nombre</label>
                        <div class="col-lg-6">
                        	<input type="text" class="form-control" id="nombre" name="nombre" placeholder="Ingrese el Nombre..." required>
                        </div>
                    </div>
                	
                    <div class="form-group">
                    	<label for="precio" class="col-lg-3 control-label" style="text-align:left;">Precio</label>
                        <div class="col-lg-6 input-group">
                        	<span class="input-group-addon"><span class="glyphicon glyphicon-euro"></span> </span>
                        	<input type="text" class="form-control" id="precio" name="precio" placeholder="Ingrese el Precio..." required>
                            <span class="input-group-addon">.00</span>
                        </div>
                    </div>
                    
                    
                    <div class="modal-footer">
                        <button type="button" data-dismiss="modal" class="btn btn-default">Cerrar</button>
                        <button type="button" id="agregar2" class="btn btn-success">Guardar</button>
                    </div>
                </form>
                    
                    <br>
                    <div id="load">
                    
                    </div>
                    <div id="error">
                    
                    </div>
            </div><!-- fin del body -->
      </div><!-- fin del content -->
        
      </div><!-- fin del dialog -->
</div><!-- fin del dialogCrear -->



<div id="dialogModificar" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
    	<div class="modal-content">	
        	<div class="modal-header">
            	<button class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4>Modificar el Producto</h4>
            </div>
            
            <div class="modal-body">
            <form class="form-horizontal" role="form">
                	
                    <div class="form-group">
                    	<label for="nombre" class="col-lg-3 control-label" style="text-align:left;">Nombre</label>
                        <div class="col-lg-6">
                        	<input type="text" class="form-control" id="nombre2" name="nombre2" placeholder="Ingrese el Nombre..." required>
                        </div>
                    </div>
                	
                    <div class="form-group">
                    	<label for="precio" class="col-lg-3 control-label" style="text-align:left;">Precio</label>
                        <div class="col-lg-6 input-group">
                        	<span class="input-group-addon"><span class="glyphicon glyphicon-euro"></span> </span>
                        	<input type="text" class="form-control" id="precio2" name="precio2" placeholder="Ingrese el Precio..." required>
                            <span class="input-group-addon">.00</span>
                        </div>
                    </div>
                    
                    
                    <div class="modal-footer">
                        <button type="button" data-dismiss="modal" class="btn btn-default">Cerrar</button>
                        <button type="button" id="agregar4" class="btn btn-success">Modificar</button>
                    </div>
                    <input type="hidden" value="" id="idModificar" name="idModificar">
                </form>
                    
                    <br>
                    <div id="load">
                    
                    </div>
                    <div id="error">
                    
                    </div>
            </div><!-- fin del body -->
      </div><!-- fin del content -->
        
      </div><!-- fin del dialog -->
</div><!-- fin del dialogCrear -->









<div id="dialog2" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
    	<div class="modal-content">	
        	<div class="modal-header">
            	<button class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4>Eliminar Producto</h4>
            </div>
            
            <div class="modal-body">
                <p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>¿Esta seguro que desea eliminar el Producto?.</p>
            	<p><strong>Importante: </strong>El Producto que borrará también borrar los articulos que son de su tipo.</p>
            	<input type="hidden" value="" id="idCliente" name="idCliente">
                    
                    <div class="modal-footer">
                        <button type="button" data-dismiss="modal" class="btn btn-default">Cerrar</button>
                        <button type="button" id="agregar6" class="btn btn-warning">Eliminar</button>
                    </div>
                    <br>
                    <div id="load">
                    
                    </div>
                    <div id="error">
                    
                    </div>
            </div><!-- fin del body -->
      </div><!-- fin del content -->
        
      </div><!-- fin del dialog -->
</div><!-- fin del dialogCrear -->
















<!--<div id="dialogModificar" title="Modificar Producto">
    	<form class="form-horizontal" role="form">
                	
                    <div class="form-group">
                    	<label for="nombre" class="col-lg-3 control-label" style="text-align:left;">Nombre</label>
                        <div class="col-lg-6">
                        	<input type="text" class="form-control" id="nombre2" name="nombre2" placeholder="Ingrese el Nombre..." required>
                        </div>
                    </div>
                	
                    <div class="form-group">
                    	<label for="precio" class="col-lg-3 control-label" style="text-align:left;">Precio</label>
                        <div class="col-lg-6 input-group">
                        	<span class="input-group-addon"><span class="glyphicon glyphicon-euro"></span> </span>
                        	<input type="text" class="form-control" id="precio2" name="precio2" placeholder="Ingrese el Precio..." required>
                            <span class="input-group-addon">.00</span>
                        </div>
                    </div>
                    
                </form>
                <div id="error2">
                
                </div>
        <input type="hidden" value="" id="idModificar" name="idModificar">
</div>-->

<script type="text/javascript">
		
			$(document).ready(function(){
				
				$('.varborrar').click(function(event){
				  usersid =  $(this).attr("id");
				  if (!isNaN(usersid)) {
					$("#idCliente").val(usersid);
					//url = "../clienteseleccionado/index.php?idcliente=" + usersid;
					//$(location).attr('href',url);
				  } else {
					alert("Error, vuelva a realizar la acción.");	
				  }
				  
				  //post code
				});
				
				$('.varModificar').click(function(event){
				  usersid =  $(this).attr("id");
				  if (!isNaN(usersid)) {
					$("#idModificar").val(usersid);
					//$("#dialogModificar").dialog("open");
					//url = "../clienteseleccionado/index.php?idcliente=" + usersid;
					//$(location).attr('href',url);
							$.ajax({
									data:  {id: usersid, accion: 'TraerCategoriasPorId'},
									url:   '../../ajax/ajax.php',
									dataType: "JSON",
									type:  'post',
									beforeSend: function () {
											
									},
									success:  function (response) {
										
											$('#nombre2').val(response['categoria']);
											$('#precio2').val(response['precio']);
											
									}
							});
					
					
				  } 
				  
				  //post code
				});
				
				
			$( "#agregar6" ).click( function(){
		
					$.ajax({
								data:  {id: $('#idCliente').val(), accion: 'eliminarCategoria'},
								url:   '../../ajax/ajax.php',
								type:  'post',
								beforeSend: function () {
										
								},
								success:  function (response) {
										url = "index.php";
										$(location).attr('href',url);
										
								}
						});

	 		});
				
				
				/* para el crear */
				$("#nombre").click(function(event) {
        			$("#nombre").removeClass("alert-danger");
					if ($(this).val() == '') {
						$("#nombre").attr('placeholder','Ingrese el Nombre...');
						$("#error").removeClass("alert alert-danger");
						$("#error").text('');
					}
				});

				$("#nombre").change(function(event) {
					$("#nombre").removeClass("alert-danger");
					$("#nombre").attr('placeholder','Ingrese el Nombre...');
				});
				
				$("#precio").click(function(event) {
        			$("#precio").removeClass("alert-danger");
					if ($(this).val() == '') {
						$("#precio").attr('placeholder','Ingrese el Precio...');
						$("#error").removeClass("alert alert-danger");
						$("#error").text('');
					}
				});

				$("#precio").change(function(event) {
					$("#precio").removeClass("alert-danger");
					$("#precio").attr('placeholder','Ingrese el Precio...');
				});
					
					
					function validador(){
						
        				$error = "";
		
        				if ($("#nombre").val() == "") {
        					$error = "Es obligatorio el campo Nombre.";

        					$("#error").addClass("alert alert-danger");
        					$("#error").text($error);
        				}
						
						if ($("#precio").val() == "") {
        					$error = "Es obligatorio el campo Precio.";

        					$("#error").addClass("alert alert-danger");
        					$("#error").text($error);
        				}
						

        				return $error;
        			}
				
				
				
				$( "#agregar2" ).click( function() {
		 	
			   
						if (validador() == "")
        				{
								
        						$.ajax({
                                data:  {nombre:		$("#nombre").val(),
										precio:		$("#precio").val(),
										accion:		'insertarCategoria'},
                                url:   '../../ajax/ajax.php',
                                type:  'post',
                                beforeSend: function () {
										$( "#agregar2" ).hide();
                                        $("#load").html('<img src="../../imagenes/load13.gif" width="50" height="50" />');
                                },
                                success:  function (response) {
      									
                                        if (response == '') {
                                            
                                            $("#error").removeClass("alert alert-danger");

                                            $("#error").addClass("alert alert-danger");
                                            $("#error").html('<strong>Error!</strong> No se pudo crear el Producto');
                                            $("#load").html('');
											$( "#agregar2" ).show();

                                        } else {
											
											$("#error").addClass("alert alert-success");
											$("#error").html('<strong>Ok!</strong> Se creo el Producto correctamente');
											url = "../../vistas/principal/";
											$(location).attr('href',url);
											$( "#agregar2" ).show();
										}
                                        
                                }
                        });
						}
		 
		 
	 		});
				
				
				/* fin del crear */
				
				
				/* para modificar */
				
				$("#nombre2").click(function(event) {
				$("#nombre2").removeClass("alert-danger");
					if ($(this).val() == '') {
						$("#nombre2").attr('placeholder','Ingrese el Nombre...');
						$("#error2").removeClass("alert alert-danger");
						$("#error2").text('');
					}
				});

				$("#nombre2").change(function(event) {
					$("#nombre2").removeClass("alert-danger");
					$("#nombre2").attr('placeholder','Ingrese el Nombre...');
				});
				
				
				$("#precio2").click(function(event) {
        			$("#precio2").removeClass("alert-danger");
					if ($(this).val() == '') {
						$("#precio2").attr('placeholder','Ingrese el Precio...');
						$("#error2").removeClass("alert alert-danger");
						$("#error2").text('');
					}
				});

				$("#precio2").change(function(event) {
					$("#precio2").removeClass("alert-danger");
					$("#precio2").attr('placeholder','Ingrese el Precio...');
				});
					
					
					function validador2(){
						
        				$error = "";
		
        				if ($("#nombre2").val() == "") {
        					$error = "Es obligatorio el campo Nombre.";

        					$("#error2").addClass("alert alert-danger");
        					$("#error2").text($error);
        				}
						
						if ($("#precio2").val() == "") {
        					$error = "Es obligatorio el campo Precio.";

        					$("#error2").addClass("alert alert-danger");
        					$("#error2").text($error);
        				}
						

        				return $error;
        			}
					
				$( "#agregar4" ).click( function(){
		 	
						if (validador2() == "")
        				{
								
        						$.ajax({
                                data:  {nombre:		$("#nombre2").val(),
										precio:		$("#precio2").val(),
										id:			$("#idModificar").val(),
										accion:		'modificarCategoria'},
                                url:   '../../ajax/ajax.php',
                                type:  'post',
                                beforeSend: function () {
                                        $("#load2").html('<img src="../../imagenes/load13.gif" width="50" height="50" />');
                                },
                                success:  function (response) {
      										
											$("#error2").removeClass("alert alert-success");
											$("#error2").addClass("alert alert-success");
											$("#error2").html('<strong>Ok!</strong> Se modifico el Producto correctamente');
											url = "../../vistas/principal/";
											$(location).attr('href',url).slideUp( 900 );
                                        
                                }
                        });
        				}
				
	 		});
			
			$('#pedidos').click(function(event){
					url = "../dashboard/";
					$(location).attr('href',url);
			});
			
			$('#usuarios').click(function(event){
					url = "../usuarios/";
					$(location).attr('href',url);
			});
			
			});/* fin del document ready */
		
		</script>
</body>

</html>

<? } ?>